.base-layout-wrap{
	display: flex;
	flex-direction: column;
	width: 100%;height: 100%;
}
.layout-head{
	display: flex;
	height: 100px;
	box-sizing: border-box;
	background-color: rgba(128,128,128,.5);;
}
.layout-head>.head-left{
	width: 200px;
	text-align: center;
	box-sizing: border-box;
	background-color: rgba(128,128,128,.3);
}
.layout-head>.head-center{
	flex-grow: 1;
	overflow: hidden;
}
.layout-head>.head-right{
	text-align: center;
}

.layout-body{
	flex-grow: 1;
	display: flex;
}
.layout-body>.body-left{
	width: 200px;
	box-sizing: border-box;
	background-color: rgba(128,128,128,.2);
}
.layout-body>.body-center{
	flex-grow: 1;
	padding: 50px 50px;
  
}
.layout-footer{
	height: 60px;
	background-color: rgba(128,128,128,.2);
	box-sizing: border-box;
}